<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
I    <title>旅游小程序管理系统</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/admin-lte@3.2.0/dist/css/adminlte.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.4.2/css/all.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700&display=swap" rel="stylesheet">
    <style>
        :root {
            --primary-color: #007bff;
            --hover-color: #0056b3;
            --text-color: #343a40;
            --sidebar-bg: #343a40;
        }
        body {
            font-family: 'Source Sans Pro', sans-serif;
            font-size: 14px;
            color: var(--text-color);
        }
        .content-wrapper {
            padding: 1rem;
            background: #f4f6f9;
        }
        .content-wrapper iframe {
            width: 100%;
            height: calc(100vh - 116px);
            border: none;
            background: #ffffff;
            box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);
            border-radius: .25rem;
        }
        .main-header .navbar-brand {
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: var(--primary-color);
            color: #fff;
            font-weight: 600;
            font-size: 1.25rem;
            transition: all .3s ease;
        }
        .main-header .navbar-brand:hover {
            background-color: var(--hover-color);
        }
        .nav-sidebar .nav-link {
            padding: .75rem 1rem;
            transition: all .3s ease;
        }
        .nav-sidebar .nav-link:hover {
            background-color: rgba(255,255,255,.1);
        }
        .nav-sidebar .nav-link i {
            margin-right: .5rem;
            width: 1.25rem;
            text-align: center;
        }
        .main-footer {
            background-color: #fff;
            border-top: 1px solid #dee2e6;
            padding: 1rem;
            color: #6c757d;
            font-size: .875rem;
        }
        .user-panel {
            border-bottom: 1px solid rgba(255,255,255,.1);
            margin-bottom: 1rem;
            padding: 1rem;
        }
        .user-panel img {
            width: 40px;
            height: 40px;
            object-fit: cover;
        }
    </style>
</head>
<body class="hold-transition sidebar-mini layout-fixed">
    <div class="wrapper">
        <!-- 顶部导航栏 -->
        <nav class="main-header navbar navbar-expand navbar-white navbar-light">
            <!-- 左侧导航切换按钮 -->
            <ul class="navbar-nav">
                <li class="nav-item">
                    <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
                </li>
            </ul>
            <!-- 右侧导航栏 -->
            <ul class="navbar-nav ml-auto">
                <li class="nav-item dropdown user-menu">
                    <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">
                        <img src="https://via.placeholder.com/160x160" class="user-image img-circle elevation-2" alt="User Image">
                        <span class="d-none d-md-inline">管理员</span>
                    </a>
                    <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
                        <a href="#" class="dropdown-item">
                            <div class="media">
                                <img src="https://via.placeholder.com/160x160" alt="User Avatar" class="img-size-50 mr-3 img-circle">
                                <div class="media-body">
                                    <h3 class="dropdown-item-title">管理员</h3>
                                    <p class="text-sm">超级管理员</p>
                                </div>
                            </div>
                        </a>
                        <div class="dropdown-divider"></div>
                        <a href="#" class="dropdown-item">
                            <i class="fas fa-user mr-2"></i> 个人信息
                        </a>
                        <div class="dropdown-divider"></div>
                        <a href="#" class="dropdown-item">
                            <i class="fas fa-sign-out-alt mr-2"></i> 退出
                        </a>
                    </div>
                </li>
            </ul>
            </nav>

        <!-- 左侧菜单栏 -->
        <aside class="main-sidebar sidebar-dark-primary elevation-4">
            <!-- 品牌Logo -->
            <a href="#" class="brand-link">
                <i class="fas fa-plane-departure brand-image ml-3"></i>
                <span class="brand-text font-weight-light">旅游小程序管理系统</span>
            </a>
            <!-- 侧边栏 -->
            <div class="sidebar">
                <!-- 用户面板 -->
                <div class="user-panel mt-3 pb-3 mb-3 d-flex">
                    <div class="image">
                        <img src="https://via.placeholder.com/160x160" class="img-circle elevation-2" alt="User Image">
                    </div>
                    <div class="info">
                        <a href="#" class="d-block">管理员</a>
                    </div>
                </div>

                <!-- 侧边栏菜单 -->
                <nav class="mt-2">
                    <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
                        <li class="nav-item has-treeview">
                            <a href="#" class="nav-link">
                                <i class="nav-icon fas fa-shopping-cart"></i>
                                <p>
                                    订单管理
                                    <i class="right fas fa-angle-left"></i>
                                </p>
                            </a>
                            <ul class="nav nav-treeview">
                                <li class="nav-item">
                                    <a href="order_list.html" target="mainFrame" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>订单列表</p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="order_detail.html" target="mainFrame" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>订单详情</p>
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li class="nav-item has-treeview">
                            <a href="#" class="nav-link">
                                <i class="nav-icon fas fa-share-alt"></i>
                                <p>
                                    分销管理
                                    <i class="right fas fa-angle-left"></i>
                                </p>
                            </a>
                            <ul class="nav nav-treeview">
                                <li class="nav-item">
                                    <a href="distributor_list.html" target="mainFrame" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>分销员管理</p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="commission_list.html" target="mainFrame" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>佣金管理</p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="withdraw_list.html" target="mainFrame" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>提现管理</p>
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li class="nav-item has-treeview">
                            <a href="#" class="nav-link">
                                <i class="nav-icon fas fa-check-square"></i>
                                <p>
                                    核销管理
                                    <i class="right fas fa-angle-left"></i>
                                </p>
                            </a>
                            <ul class="nav nav-treeview">
                                <li class="nav-item">
                                    <a href="verifier_list.html" target="mainFrame" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>成交员列表</p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="verifier_add.html" target="mainFrame" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>添加成交员</p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="verifier_detail.html" target="mainFrame" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>成交员详情</p>
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li class="nav-item has-treeview">
                            <a href="#" class="nav-link">
                                <i class="nav-icon fas fa-images"></i>
                                <p>
                                    内容管理
                                    <i class="right fas fa-angle-left"></i>
                                </p>
                            </a>
                            <ul class="nav nav-treeview">
                                <li class="nav-item">
                                    <a href="scenic_list.html" target="mainFrame" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>景区管理</p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="scenic_add.html" target="mainFrame" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>添加景区</p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="product_list.html" target="mainFrame" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>产品管理</p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="product_edit.html" target="mainFrame" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>编辑产品</p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="admin_content.html" target="mainFrame" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>内容列表</p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="content_create.html" target="mainFrame" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>创建内容</p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="content_edit.html" target="mainFrame" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>编辑内容</p>
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li class="nav-item has-treeview">
                            <a href="#" class="nav-link">
                                <i class="nav-icon fas fa-bullhorn"></i>
                                <p>
                                    营销管理
                                    <i class="right fas fa-angle-left"></i>
                                </p>
                            </a>
                            <ul class="nav nav-treeview">
                                <li class="nav-item">
                                    <a href="admin_distribution.html" target="mainFrame" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>分销设置</p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="withdraw_list.html" target="mainFrame" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>提现管理</p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="withdraw_detail.html" target="mainFrame" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>提现详情</p>
                                    </a>
                                </li>
                            </ul>
                        </li>

                        <li class="nav-item has-treeview">
                            <a href="#" class="nav-link">
                                <i class="nav-icon fas fa-chart-line"></i>
                                <p>
                                    数据统计
                                    <i class="right fas fa-angle-left"></i>
                                </p>
                            </a>
                            <ul class="nav nav-treeview">
                                <li class="nav-item">
                                    <a href="admin_orders.html" target="mainFrame" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>订单统计</p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="commission_list.html" target="mainFrame" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>佣金统计</p>
                                    </a>
                                </li>
                            </ul>
                        </li>

                        <li class="nav-item has-treeview">
                            <a href="#" class="nav-link">
                                <i class="nav-icon fas fa-cogs"></i>
                                <p>
                                    系统管理
                                    <i class="right fas fa-angle-left"></i>
                                </p>
                            </a>
                            <ul class="nav nav-treeview">
                                <li class="nav-item">
                                    <a href="role_list.html" target="mainFrame" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>角色列表</p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="role_create.html" target="mainFrame" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>创建角色</p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="role_edit.html" target="mainFrame" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>编辑角色</p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="role_permission.html" target="mainFrame" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>角色权限</p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="permission_list.html" target="mainFrame" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>权限列表</p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="admin_permissions.html" target="mainFrame" class="nav-link">
                                        <i class="far fa-circle nav-icon"></i>
                                        <p>权限设置</p>
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </nav>
        </aside>

        <!-- 主要内容区域 -->
        <div class="content-wrapper">
            <iframe name="mainFrame" src="order_list.html" frameborder="0" scrolling="auto"></iframe>
        </div>

        <!-- 底部版权 -->
        <footer class="main-footer">
            <div class="pull-right hidden-xs">Version 1.0.0</div>
            <strong>Copyright &copy; 2024 旅游小程序管理系统</strong>
        </footer>
    </div>

    <!-- 引入必要的JavaScript文件 -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/admin-lte@3.2.0/dist/js/adminlte.min.js"></script>
    <script>
        $(document).ready(function() {
            // 激活菜单项
            $('.nav-sidebar .nav-link').click(function() {
                $('.nav-sidebar .nav-link.active').removeClass('active');
                $(this).addClass('active');
                if($(this).closest('.has-treeview').length) {
                    $(this).closest('.has-treeview').addClass('menu-open');
                }
            });

            // 默认激活第一个菜单项
            $('.nav-sidebar .nav-link:first').addClass('active');
        });
    </script>
</body>
</html>